<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <header class="ta pr"><i class="pa back iconfont icon-fanhui"></i>个人资料</header>
    <main>
        <div class="weui-cell weui-cell_active">
            <div class="weui-cell__hd"><label class="weui-label c33">昵称</label></div>
            <div class="weui-cell__bd">
                <input id="js_input" class="weui-input user-name c33" placeholder="用户名"/>
            </div>
        </div>
        <div class="weui-cell weui-cell_active weui-cell_access sex">
            <div class="weui-cell__bd">
                <span class="demo_badge_title f18 c33">性别</span>
            </div>
            <div class="weui-cell__ft sex-val">男</div>
        </div>
        <div class="weui-cell weui-cell_active weui-cell_access birthday">
            <div class="weui-cell__bd">
                <span class="demo_badge_title f18 c33">生日</span>
            </div>
            <div class="weui-cell__ft birthday-val">2020-11-11</div>
        </div>
        <div class="weui-cell weui-cell_active weui-cell_access pro">
            <div class="weui-cell__bd">
                <span class="demo_badge_title f18 c33">所在省份</span>
            </div>
            <div class="weui-cell__ft pro-val">四川省</div>
        </div>
        <div class="weui-cell weui-cell_active weui-cell_access city">
            <div class="weui-cell__bd">
                <span class="demo_badge_title f18 c33">所在城市</span>
            </div>
            <div class="weui-cell__ft city-val">成都市</div>
        </div>
        <div class="hr"></div>
        <div class="weui-form__control-area">
            <div class="weui-cells__group weui-cells__group_form">
                <div class="weui-cells__title">个人简介</div>
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell ">
                        <div class="weui-cell__bd">
                            <textarea class="weui-textarea sign" placeholder="个性签名" rows="3"></textarea>
                            <div class="weui-textarea-counter"><span>0</span>/200</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <input type="button" value="保存信息" class="save">
        <div class="toast"></div>

        <!-- <div class="page">
            <div class="page__hd">
                <h1 class="page__title">Picker</h1>
                <p class="page__desc">多列选择器，需要配合js实现</p>
            </div>
            <div class="page__bd page__bd_spacing">
                <a href="javascript:" class="weui-btn weui-btn_default" id="showPicker">单列选择器</a>
                <a href="javascript:" class="weui-btn weui-btn_default" id="showDatePicker">日期选择器</a>
            </div>
        </div> -->
    </main>
</body>

</html>